<script setup>
import { useCounterStore } from './stores/counter.js'
import { useUserStore } from './stores/user.js'

const counterStore = useCounterStore()
const userStore = useUserStore()
</script>

<template>

  <div>
    <p>计数器: {{ counterStore.count }}</p>
    <button @click="counterStore.increment">增加计数</button>
    <button @click="counterStore.decrement">减少计数</button>

    <p>用户计数: {{ userStore.count }}</p>
    <button @click="userStore.increment">增加用户计数</button>
  </div>
  <RouterView />
</template>

<style scoped></style>
